﻿<div class="bg-light lter b-b wrapper-sm">
    <h1 class="m-n font-thin h4">用户管理/信息</h1>
</div>
<div class="wrapper-sm">
    <tabset class="tab-container" ng-init="steps={percent:35, step1:false, step2:true, step3:false, step4:false, step5:false, step6:false}">

        <tab heading="账户信息" active="steps.step1" select="steps.percent=35" ui-sref="app.management.account_info">
        </tab>

        <tab heading="实名认证" active="steps.step2" disabled="step1.$invalid" select="steps.percent=55" ui-sref="app.management.realname_authentication">
            <form name="step2" class="form-validation form-horizontal" novalidate ng-controller="userRealNameAuthenticationCtrl">

                <progressbar value="steps.percent" class="progress-xs" type="success"></progressbar>
                <div class="wrapper-sm ">
                    <div class="form">
                        <div class="form-group">
                            <label class="col-md-2 col-md-offset-1">车牌号：{{carCode}}</label>
                            <label class="col-md-2 control-label">实名认证状态：{{realNameCheckState}}</label>
                        </div>
                        <hr />
                        <div class="form-group">
                            <label class="col-md-2 col-md-offset-1">证件类型：真实头像</label>
                            <label class="col-md-2 control-label">认证状态：{{realHeadState}}</label>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="upLoad('RealHead')" id="uploaderRealHead" disabled="disabled"><i class="glyphicon glyphicon-upload" id="colorUpLoadRealHead"></i>上传</button>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="download(realHeadImage)" ng-show="realHeadState=='已通过'||realHeadState=='未通过'"><i class="glyphicon glyphicon-download"></i>下载</button>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="delState(4)" ng-show="realHeadState=='已通过'||realHeadState=='未通过'"><i class="glyphicon glyphicon-trash"></i>删除</button>
                            <div class="line line-xs pull-in"></div>
                            <div class="col-md-2 col-md-offset-1">
                                <div class="img-thumbnail" style="position:relative">
                                    <a style="display:none" id="cancleRealHead" ng-click="cancleImageUpload('RealHead',realHeadImage,'realHead')">
                                        <i class="glyphicon glyphicon-remove cancleImage"></i>
                                    </a>
                                    <a ng-href="{{realHeadImage}}" data-lightbox="image-1" data-title="真实头像" id="enlargeImageRealHead">
                                        <img class="img-responsive" id="RealHead" ng-src="{{realHeadImage}}" ng-click="test(realHeadImage)" style="width:236px;height:298px" />
                                    </a>
                                </div>
                            </div>
                            <label class="col-md-2"></label>
                            <input type="file" accept="image/gif,image/jpeg,image/jpg,image/png,image/bmp" id="realHead" name="realHead" class="col-md-1" ng-hide="true" />
                            <button onclick="realHead.click()" class="btn m-b-xs btn-sm btn-default btn-addon "><i class="glyphicon glyphicon-folder-open"></i>选择图片</button>
                            <!--ng-show="realHeadState=='未通过'||realHeadState=='待审核'"-->
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="submitUserInfo(3,'RealHeadKeyStatus')"><i class="glyphicon glyphicon-ok"></i>通过</button>
                            <!--ng-show="realHeadState=='未通过'||realHeadState=='待审核'"-->
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="submitUserInfo(4,'RealHeadKeyStatus')"><i class="glyphicon glyphicon-remove"></i>不通过</button>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="submitUserInfo(2,'RealHeadKeyStatus')" ng-show="realHeadState=='已通过'"><i class="glyphicon glyphicon-ban-circle"></i>撤销通过</button>
                        </div>
                        <hr />
                        <div class="form-group">
                            <label class="col-md-2 col-md-offset-1">证件类型：驾驶证</label>
                            <label class="col-md-2 control-label">认证状态：{{drivingLicenseState}}</label>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="upLoad('DrivingLicense')" id="uploaderDrivingLicense" disabled="disabled"><i class="glyphicon glyphicon-upload" id="colorUpLoadDrivingLicense"></i>上传</button>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="download(drivingLicenseImage)" ng-show="drivingLicenseState=='已通过'||drivingLicenseState=='未通过'"><i class="glyphicon glyphicon-download"></i>下载</button>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="delState(2)" ng-show="drivingLicenseState=='已通过'||drivingLicenseState=='未通过'"><i class="glyphicon glyphicon-trash"></i>删除</button>
                            <div class="line line-xs pull-in"></div>
                            <div class="col-md-2 col-md-offset-1">
                                <div class="img-thumbnail" style="position:relative;">
                                    <a style="display:none" id="cancleDrivingLicense" ng-click="cancleImageUpload('DrivingLicense',drivingLicenseImage,'uploaderDriving')">
                                        <i class="glyphicon glyphicon-remove cancleImage"></i>
                                    </a>
                                    <a ng-href="{{drivingLicenseImage}}" data-lightbox="image-1" data-title="驾驶证" id="enlargeImageDrivingLicense">
                                        <img class="img-responsive" id="DrivingLicense" ng-src="{{drivingLicenseImage}}" style="width:236px;height:298px" />
                                    </a>
                                    <!--<img class="img-responsive" id="DrivingLicense" ng-src="{{drivingLicenseImage}}" style="width:236px;height:298px" data-action="zoom"/>-->
                                </div>
                            </div>
                            <label class="col-md-2"></label>
                            <input type="file" accept="image/gif,image/jpeg,image/jpg,image/png,image/bmp" id="uploaderDriving" name="uploaderDriving" class="col-md-1" ng-hide="true"/>
                            <button onclick="uploaderDriving.click()" class="btn m-b-xs btn-sm btn-default btn-addon "><i class="glyphicon glyphicon-folder-open"></i>选择图片</button>
                            <!--ng-show="drivingLicenseState=='未通过'||drivingLicenseState=='待审核'"-->
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="submitUserInfo(3,'DrivingLicenseKeyStatus')"><i class="glyphicon glyphicon-ok"></i>通过</button>
                            <!--ng-show="drivingLicenseState=='未通过'||drivingLicenseState=='待审核'"-->
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="submitUserInfo(4,'DrivingLicenseKeyStatus')"><i class="glyphicon glyphicon-remove"></i>不通过</button>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="submitUserInfo(2,'DrivingLicenseKeyStatus')" ng-show="drivingLicenseState=='已通过'"><i class="glyphicon glyphicon-ban-circle"></i>撤销通过</button>
                        </div>
                        <hr />
                        <div class="form-group">
                            <label class="col-md-2 col-md-offset-1">证件类型：行驶证</label>
                            <label class="col-md-2 control-label">认证状态：{{vehicleLicenseState}}</label>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="upLoad('VehicleLicense')" id="uploaderVehicleLicense" disabled="disabled"><i class="glyphicon glyphicon-upload" id="colorUpLoadVehicleLicense"></i>上传</button>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="download(vehicleLicenseImage)" ng-show="vehicleLicenseState=='已通过'||vehicleLicenseState=='未通过'"><i class="glyphicon glyphicon-download"></i>下载</button>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="delState(3)" ng-show="vehicleLicenseState=='已通过'||vehicleLicenseState=='未通过'"><i class="glyphicon glyphicon-trash"></i>删除</button>
                            <div class="line line-xs pull-in"></div>
                            <div class="col-md-2 col-md-offset-1">
                                <div class="img-thumbnail" style="position:relative;">
                                    <a style="display:none" id="cancleVehicleLicense" ng-click="cancleImageUpload('VehicleLicense',vehicleLicenseImage,'vehicleLicense')">
                                        <i class="glyphicon glyphicon-remove cancleImage"></i>
                                    </a>
                                    <a ng-href="{{vehicleLicenseImage}}" data-lightbox="image-1" data-title="行驶证" id="enlargeImageVehicleLicense">
                                        <img class="img-responsive" id="VehicleLicense" ng-src="{{vehicleLicenseImage}}" style="width:236px;height:298px" />
                                    </a>
                                </div>
                            </div>
                            <label class="col-md-2"></label>
                            <input type="file" accept="image/gif,image/jpeg,image/jpg,image/png,image/bmp" id="vehicleLicense" name="vehicleLicense" class="col-md-1" ng-hide="true" />
                            <button onclick="vehicleLicense.click()" class="btn m-b-xs btn-sm btn-default btn-addon "><i class="glyphicon glyphicon-folder-open"></i>选择图片</button>
                            <!--ng-show="vehicleLicenseState=='未通过'||vehicleLicenseState=='待审核'"-->
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="submitUserInfo(3,'VehicleLicenseKeyStatus')"><i class="glyphicon glyphicon-ok"></i>通过</button>
                            <!--ng-show="vehicleLicenseState=='未通过'||vehicleLicenseState=='待审核'"-->
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="submitUserInfo(4,'VehicleLicenseKeyStatus')"><i class="glyphicon glyphicon-remove"></i>不通过</button>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="submitUserInfo(2,'VehicleLicenseKeyStatus')" ng-show="vehicleLicenseState=='已通过'"><i class="glyphicon glyphicon-ban-circle"></i>撤销通过</button>
                        </div>
                        <hr />
                        <div class="form-group">
                            <label class="col-md-2 col-md-offset-1">证件类型：身份证</label>
                            <label class="col-md-2 control-label">认证状态：{{idCardState}}</label>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="upLoad('IDCard')" id="uploaderIDCard" disabled="disabled"><i class="glyphicon glyphicon-upload" id="colorUpLoadIDCard"></i>上传</button>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="download(idCardImage)" ng-show="idCardState=='已通过'||idCardState=='未通过'"><i class="glyphicon glyphicon-download"></i>下载</button>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="delState(1)" ng-show="idCardState=='已通过'||idCardState=='未通过'"><i class="glyphicon glyphicon-trash"></i>删除</button>
                            <div class="line line-xs pull-in"></div>
                            <div class="col-md-2 col-md-offset-1">
                                <div class="img-thumbnail" style="position:relative;">
                                    <a style="display:none" id="cancleIDCard" ng-click="cancleImageUpload('IDCard',idCardImage,'idCard')">
                                        <i class="glyphicon glyphicon-remove cancleImage"></i>
                                    </a>
                                    <a ng-href="{{idCardImage}}" data-lightbox="image-1" data-title="身份证" id="enlargeImageIDCard">
                                        <img class="img-responsive" id="IDCard" ng-src="{{idCardImage}}" style="width:236px;height:298px"/>
                                    </a>
                                </div>
                            </div>
                            <label class="col-md-2"></label>
                            <input type="file" accept="image/gif,image/jpeg,image/jpg,image/png,image/bmp" id="idCard" name="idCard" class="col-md-1" ng-hide="true" />
                            <button onclick="idCard.click()" class="btn m-b-xs btn-sm btn-default btn-addon "><i class="glyphicon glyphicon-folder-open"></i>选择图片</button>
                            <!--ng-show="idCardState=='未通过'||idCardState=='待审核'"-->
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="submitUserInfo(3,'IdCardKeyStatus')"><i class="glyphicon glyphicon-ok"></i>通过</button>
                            <!--ng-show="idCardState=='未通过'||idCardState=='待审核'"-->
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="submitUserInfo(4,'IdCardKeyStatus')"><i class="glyphicon glyphicon-remove"></i>不通过</button>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="submitUserInfo(2,'IdCardKeyStatus')" ng-show="idCardState=='已通过'"><i class="glyphicon glyphicon-ban-circle"></i>撤销通过</button>
                        </div>
                        <hr />
                        <div class="form-group">
                            <label class="col-md-2 col-md-offset-1">证件类型：挂车证</label>
                            <label class="col-md-2 control-label">认证状态：{{trailerLicenseState}}</label>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="upLoad('TrailerLicense')" id="uploaderTrailerLicense" disabled="disabled"><i class="glyphicon glyphicon-upload" id="colorUpLoadTrailerLicense"></i>上传</button>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="download(trailerLicenseImage)" ng-show="trailerLicenseState=='已通过'||trailerLicenseState=='未通过'"><i class="glyphicon glyphicon-download"></i>下载</button>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="delState(7)" ng-show="trailerLicenseState=='已通过'||trailerLicenseState=='未通过'"><i class="glyphicon glyphicon-trash"></i>删除</button>
                            <div class="line line-xs pull-in"></div>
                            <div class="col-md-2 col-md-offset-1">
                                <div class="img-thumbnail" style="position:relative;">
                                    <a style="display:none" id="cancleTrailerLicense" ng-click="cancleImageUpload('TrailerLicense',trailerLicenseImage,'trailerLicense')">
                                        <i class="glyphicon glyphicon-remove cancleImage"></i>
                                    </a>
                                    <a ng-href="{{trailerLicenseImage}}" data-lightbox="image-1" data-title="挂车证" id="enlargeImageTrailerLicense">
                                        <img class="img-responsive" id="TrailerLicense" ng-src="{{trailerLicenseImage}}" style="width:236px;height:298px" />
                                    </a>
                                </div>
                            </div>
                            <label class="col-md-2"></label>
                            <input type="file" accept="image/gif,image/jpeg,image/jpg,image/png,image/bmp" id="trailerLicense" name="trailerLicense" class="col-md-1" ng-hide="true" />
                            <button onclick="trailerLicense.click()" class="btn m-b-xs btn-sm btn-default btn-addon "><i class="glyphicon glyphicon-folder-open"></i>选择图片</button>
                            <!--ng-show="trailerLicenseState=='未通过'||trailerLicenseState=='待审核'"-->
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="submitUserInfo(3,'TrailerLicenseStatus')"><i class="glyphicon glyphicon-ok"></i>通过</button>
                            <!--ng-show="trailerLicenseState=='未通过'||trailerLicenseState=='待审核'"-->
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="submitUserInfo(4,'TrailerLicenseStatus')"><i class="glyphicon glyphicon-remove"></i>不通过</button>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="submitUserInfo(2,'TrailerLicenseStatus')" ng-show="trailerLicenseState=='已通过'"><i class="glyphicon glyphicon-ban-circle"></i>撤销通过</button>
                        </div>
                        <hr />
                        <div class="form-group">
                            <label class="col-md-2 col-md-offset-1">证件类型：车辆照片</label>
                            <label class="col-md-2 control-label">认证状态：{{carImageState}}</label>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="upLoad('CarImage')" id="uploaderCarImage" disabled="disabled"><i class="glyphicon glyphicon-upload" id="colorUpLoadCarImage"></i>上传</button>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="download(carImage)" ng-show="carImageState=='已通过'||carImageState=='未通过'"><i class="glyphicon glyphicon-download"></i>下载</button>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="delState(8)" ng-show="carImageState=='已通过'||carImageState=='未通过'"><i class="glyphicon glyphicon-trash"></i>删除</button>
                            <div class="line line-xs pull-in"></div>
                            <div class="col-md-2 col-md-offset-1">
                                <div class="img-thumbnail" style="position:relative;">
                                    <a style="display:none" id="cancleCarImage" ng-click="cancleImageUpload('CarImage',carImage,'carImage')">
                                        <i class="glyphicon glyphicon-remove cancleImage"></i>
                                    </a>
                                    <a ng-href="{{carImage}}" data-lightbox="image-1" data-title="车辆照片" id="enlargeImageCarImage">
                                        <img class="img-responsive" id="CarImage" ng-src="{{carImage}}" style="width:236px;height:298px" />
                                    </a>
                                </div>
                            </div>
                            <label class="col-md-2"></label>
                            <input type="file" accept="image/gif,image/jpeg,image/jpg,image/png,image/bmp" id="carImage" name="carImage" class="col-md-1" ng-hide="true" />
                            <button onclick="carImage.click()" class="btn m-b-xs btn-sm btn-default btn-addon "><i class="glyphicon glyphicon-folder-open"></i>选择图片</button>
                            <!--ng-show="carImageState=='未通过'||carImageState=='待审核'"-->
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="submitUserInfo(3,'CarImageStatus')"><i class="glyphicon glyphicon-ok"></i>通过</button>
                            <!--ng-show="carImageState=='未通过'||carImageState=='待审核'"-->
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="submitUserInfo(4,'CarImageStatus')"><i class="glyphicon glyphicon-remove"></i>不通过</button>
                            <button class="btn m-b-xs btn-sm btn-default btn-addon " ng-click="submitUserInfo(2,'CarImageStatus')" ng-show="carImageState=='已通过'"><i class="glyphicon glyphicon-ban-circle"></i>撤销通过</button>
                        </div>
                    </div>
                </div>

            </form>

        </tab>

        <tab heading="常跑路线" active="steps.step3" disabled="step2.$invalid" select="steps.percent=75" ui-sref="app.management.running_route">
        </tab>

        <tab heading="关注路线" active="steps.step4" disabled="step3.$invalid" select="steps.percent=100" ui-sref="app.management.concern_route">
        </tab>

        <tab heading="我的银行卡" active="steps.step5" disabled="step4.$invalid" select="steps.percent=80" ui-sref="app.management.bank">
        </tab>
        <tab heading="诚信记录" active="steps.step6" disabled="step5.$invalid" select="steps.percent=100" ui-sref="app.management.evaluate">
        </tab>
    </tabset>


</div>